/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
body{
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.container {
	margin: 0px auto;
	width: 800px;
	
	border: 1px #000 solid;
}
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 0px 0px 70px; 
  text-align: center;
}
img {
	border: none;
	vertical-align: bottom;
}
fieldset {
	border: 1px #000 solid;
	margin: 10px 0px 10px 0px;
}
.dialogVPanel {
  margin: 5px;
}
.gwt-TabPanelBottom{
	background-color: #92c1f0;  /*blauwe kleur van de  content van een tab */
}
.gwt-DecoratedTabBar{
	background-color: #858585; /* grijs wat op de achtergrond van de TabBar zit*/
	}
.gwt-TextArea{
	resize: none;
}
.titel{
	font-size: 14px;
	font-weight: bold;
}
.titleH2 {
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
.label{
	margin: 10px 0px;
}
.vetgedrukt {
	font-weight: bold;
}
.studentgegevens {
	margin-left: 50px;

}
.rood {
	color: Red;
}
.grijs{
	background-color: white;
	color: #777777;
}
.zwart {
	color: black;
}
.correcteinvoer {
	background-color :  #29E42C;
	border: 1px solid green;
	color: #5C5B5B;
}
.fouteinvoer{
	background-color : #FE9797;
	border: 1px solid #FF0000;
	color: #5C5B5B;
}
.datatableHeader {
	font-weight:bold;
	background-color: #3b5998;
	color: #FFF;
	padding: 3px;
	spacing: 0px;
}
.datatable {
	border: 1px #000 solid;
	width: 500px;
	margin: 10px;
}
.datatable tr:first-child > td {
	padding: 0px;
}
.datatable td {
	padding: 3px;
}

.datatableNoBorder {
	width: 500px;
	margin: 10px;
}
#menu {
	border: none;
	border-bottom: 1px #999 solid;
}
.header {
	background-color: #3B5998;
	height: 50px;
	padding: 10px;
}
.logo {
	font: 21px bold, Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.error, .success, .information {
	border: 1px solid;
    margin: 10px auto;
    padding:15px 10px 15px 50px;
    width: 600px;
    background-repeat: no-repeat;
    background-position: 10px center;	
}
.error {
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url('style/icon/exclamation.png');
}
.success {
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('style/icon/accept.png');
}
.information {
	color: #00529B;
    background-color: #BDE5F8;
    background-image: url('style/icon/information.png');	
}
tbody {
	padding: 0px;
	margin: 0;
}
.glaseffect {
	background-color: #454545;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
